/* eslint-disable */
//实时显示模块
<template>
	<div class="caseInfo_container">
		<div v-if="data">
			<el-form  label-position="left" :model="form" style="background-color: white;" label-width="100px" size="mini">
				<el-form-item  class="table-title" label="电子病历"></el-form-item>
				<div class="userInfo">
					<el-row :gutter="10">
								<el-form-item v-if="data.name" class="name" :label="data.name">
								</el-form-item>
								<el-form-item v-else="data.name" class="name" label="李一天">
								</el-form-item>
								<span>性别： {{data.gender}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
								<span>年龄： {{data.age}}岁</span>
						</el-row>
					<el-row :gutter="10">
						<el-col :span="8">
							<el-form-item label="住院流水号:">
								{{data.id}}
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="患者编号:">
								{{data.userId}}
							</el-form-item>
						</el-col>
					</el-row>
				</div>
			</el-form>
			<div>
				<DetailTable :data="data"></DetailTable>
			</div>
		</div>
		<div v-else>
			<div style="display: inline-block;height: 398px;"></div>
		</div>
	</div>
</template>

<script>
	import StatusCheckBox from './StatusCheckBox.vue'
	import DetailTable from './DetailTable.vue'
	
	export default {
		/*
		 * 组件名
		 */
		name: 'CaseInfo',

		/*
		 * 使用的子组件
		 */
		components: {
			StatusCheckBox,DetailTable
		},

		/*
		 * 向组件外部暴露的变量
		 */
		props: {
			title: String,
			data: Object
		},

		/*
		 * 组件数据
		 */
		data() {
			return {
				//表单
				form: {
					name: '',
					gender: '',
					num1: 'ZY010000390342',
					num2: '80511054',
					date: '',
					diagnose1: '',
					diagnose2: '',
					state: ''
				},
				form2: {
					status1: '',
					status2: '',
					status3: '',
					region: ''

				},
				
			}
		},

		/*
		 * 组件内部方法
		 */
		methods: {

		},

		/*
		 * 生命周期函数,页面创建时调用
		 */
		created() {

		}
	}
</script>

<!-- 组件内部样式 -->
<style scoped>

	.caseInfo_container{
		border: 1px #ededed solid;
		padding-bottom: 30px;
		background-color: white;
	}

	.userInfo{
		margin-left: 20px;
	}

	.name /deep/ .el-form-item__label{
		font-size: 20px;
		font-weight: bold;
	}
	
	.table-title /deep/ .el-form-item__label{
		font-size: 22px;
		font-weight: bold;
		margin-left: 20px;
		margin-top: 5px;
	}

	
	
	
</style>
